<template>
	<view class="gal-body pagebg" style="padding-top:50rpx;">
		<text class="gal-block-text gal-h5 gal-color-gray">文本形式</text>
		<view class="gal-margin-top">
			<gal-number-show 
			:number="999.99" 
			:step="33" 
			styles="font-size:38rpx; line-height:60rpx;">
				<view style="font-size:38rpx; line-height:60rpx;">￥</view>
			</gal-number-show>
		</view>
		<view style="height:88rpx;"></view>
		<text class="gal-block-text gal-h5 gal-color-gray">样式配置</text>
		<view class="gal-margin-top">
			<gal-number-show 
			:number="999" 
			:step="33" 
			styles="font-size:36rpx; line-height:40rpx; width:40rpx; padding:10rpx; background:#3688FF; color:#FFFFFF; margin:5rpx; text-align:center; border-radius:8rpx;">
				<view style="font-size:36rpx; line-height:40rpx; width:40rpx; padding:10rpx; background:#FF0036; color:#FFFFFF; margin:5rpx; text-align:center; border-radius:8rpx;">$</view>
			</gal-number-show>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			
		}
	},
	methods: {
		
	}
}
</script>
<style>

</style>
